// 
@grid-prefix: ~"@{prefix}grid";

.@{grid-prefix} {
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    color: #666;
    cursor: pointer;

}
.@{grid-prefix} .io-table th,
.@{grid-prefix} .io-table td {
    background: none;
    border: none;
}
.@{grid-prefix} .io-table tr {
    border-bottom: 1px solid #f2f2f2;
}
.@{grid-prefix} .io-table .io-checkbox {
    margin: 0px auto;
    display: block;
}

.@{grid-prefix} .allSelected {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 9;
    background: #f2f2f2;
    line-height: 32px;
}
.@{grid-prefix} .allSelected .io-checkbox {
    margin: 0px 10px 0px 6px;
}

.@{grid-prefix}.fixHead .gridHeader {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 32px;
}
.@{grid-prefix}.fixHead .gridBody {
    position: absolute;
    top: 32px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: auto;
    overflow-x: hidden;
}